<template>
  <div class="home-container">
    <!-- header -->
    <header-component />

    <!-- body -->
    <div class="body">
      <RouterView />
    </div>
  </div>
</template>

<script setup lang="ts">
import headerComponent from "@/components/home/header.vue";
</script>

<style scoped lang="scss">
.home-container {
  @apply h-full grid grid-rows-[50px_1fr];
}
.body {
  @apply px-6 mt-4 overflow-hidden;
}
</style>

<script lang="ts">
export default {
  route: {
    path: "/",
    name: "home",
    redirect: { name: "proj" },
  },
};
</script>
